<?php
if(!isset($_SESSION))
{
session_start();
}?>
<?php include "function/libfunc.php";?>
<?php if (!empty($_SESSION['username']) && !empty($_SESSION['password'])) { 
echo "<script language='javascript'>window.location = '../admin/pengaturan.php'</script>";

}else{
include 'themes/head.php'; ?>
<script language="javascript">$(document).ready(function () {
 
// Check if the user's web browser supports HTML5 Speech Input API
  if(document.createElement('input').webkitSpeech == undefined) {
    $(".answer").append("We are sorry but Dictation requires Google Chrome.");
  }
  else {
 
// Get the default locale of the user's browser (e.g. en-US, or de)
    var language = window.navigator.userLanguage || window.navigator.language;
    $("#speech").attr("lang", language).focus();
 
// Make the text region editable to easily fix transcription errors
    $(".answer").click(function () {
       $('.answer').attr('contentEditable', 'true');
    });
  }
 
// This is called when Chrome successfully transcribes the spoken word
  $("#speech").bind("webkitspeechchange", function (e) {
     var val = $(this).val();
 
// Did the user say Delete? Then clear the canvas.
     if(val == "delete everything") {
       $(".answer").text("");
       return;
     }
    
// For "new line" commands, add double line breaks.
     if(val == "new line") 
        val = "<br /><br />";
     else {
 
// Capitalize the first letter of the sentence.
    val = val.substr(0, 1).toUpperCase() + val.substr(1);
 
// If the last letter is a alphanumeric character, add a period (full stop)
    if(val.match(/[a-zA-Z]$/)) 
           val = val + ".";
     }
 
// Append the transcribed text but set the focus to the hidden speech input.
// This enables keyboard shortcut Ctrl+Shift+Period (.) for speech mode.
     $(".answer").append(val + " ").fadeIn();
     $(this).val("").focus();
   });
});</script>
    <body class="loginPage">

    <div class="container-fluid">

        <div id="header">

            <div class="row-fluid">

                <div class="navbar">
                    <div class="navbar-inner">
                      <div class="container">
                            <a class="brand" href=""> <img src="themes/adminv1/images/logo.png" ></a>
                      </div>
                    </div><!-- /navbar-inner -->
                  </div><!-- /navbar -->
                

            </div><!-- End .row-fluid -->

        </div><!-- End #header -->

    </div><!-- End .container-fluid -->    

    <div class="container-fluid">

        <div class="loginContainer">
            <form class="form-horizontal" action="function/procMasuk.php" method="post" >
                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span12" for="username">Username:</label>                        
                             <input   id="username" type="text" name="username" x-webkit-speech speech required />
                           </span>
                        </div>
                    </div>
                </div>

                <div class="form-row row-fluid">
                    <div class="span12">
                        <div class="row-fluid">
                            <label class="form-label span12" for="username">Password:
                                <span class="forgot"><a href="#">Lupa password anda?</a></span>
                            </label>
                            <input  class="span12" id="username" type="password" name="password" x-webkit-speech speech required />
                            
                        </div>
                    </div>
                </div>
                <div class="form-row row-fluid">                       
                    <div class="span12">
                        <div class="row-fluid">
                            <div class="form-actions">
                            <div class="span12 controls">
    <button type="submit" class="btn btn-info right" id="loginBtn"  ><span class="icon16 icomoon-icon-enter white"></span>Login</button>

                            </div>
                            </div>
                        </div>
                    </div> 
                </div>

            </form>
        </div>

    </div><!-- End .container-fluid -->

     <script type="text/javascript">
        // document ready function
        $(document).ready(function() {
            $("input, textarea, select").not('.nostyle').uniform();
        });
    </script>
 
    </body>
</html>
<?php
}
?>
